<div class="layui-fluid">
    <style>
        .layui-quote-nm {
            background-color: #fff;
        }
        #skeleton{
            height: 50px;
        }
    </style>
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header">基本信息</div>
                <div class="layui-card-body skeleton" id="redisinfo">

                </div>
            </div>
        </div>
        <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header">内存相关指标</div>
                <div class="layui-card-body skeleton" id="configinfo">
                </div>
            </div>
        </div>
        <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header">持久化相关指标</div>
                <div class="layui-card-body skeleton" id="persistence">
                </div>
            </div>
        </div>
    </div>

    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">内存数据</div>
                <div class="layui-card-body skeleton" id="keys">

                </div>
            </div>
        </div>
    </div>
    <div class="layui-margin-4"></div>
    <script type="text/javascript">
        {{#
            top.tools.loadscripts(["/js/page/surveillance-center/system_redis.js"], function () {
                    templateViewInit();
            })
        }}
    </script>
</div>
